vite |
您所在的位置:网站首页 › react use svg › vite |
vite-plugin-svgr
Vite plugin to transform SVGs into React components. Uses svgr under the hood. Installation # npm npm install --save-dev vite-plugin-svgr # yarn yarn add -D vite-plugin-svgr # pnpm pnpm add -D vite-plugin-svgr Usage // vite.config.js import svgr from "vite-plugin-svgr"; export default { // ... plugins: [svgr()], };Then SVG files can be imported as React components: import Logo from "./logo.svg?react";If you are using TypeScript, there is also a declaration helper for better type inference: /// Options svgr({ // svgr options: https://react-svgr.com/docs/options/ svgrOptions: { // ... }, // esbuild options, to transform jsx to js esbuildOptions: { // ... }, // A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should include. By default all svg files will be included. include: "**/*.svg?react", // A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should ignore. By default no files are ignored. exclude: "", }); LicenseMIT |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |